---
title: 将你的 Astro 网站部署到 Heroku
description: 如何将你的 Astro 网站通过 Heroku 部署上线
type: deploy
i18nReady: true
---

[Heroku](https://www.heroku.com/) 是一个用于在云端构建、运行和管理现代应用的平台即服务（PaaS）平台。你可以通过本指南将 Astro 网站部署到 Heroku 上。

:::danger
以下教程使用了[已被弃用的 `heroku-static-buildpack`](https://github.com/heroku/heroku-buildpack-static#warning-heroku-buildpack-static-is-deprecated)。请参阅 [Heroku 的 `heroku-buildpack-nginx` 使用文档](https://github.com/dokku/heroku-buildpack-nginx)进行替换。
:::

## 如何部署

1. 安装 [Heroku CLI](https://devcenter.heroku.com/articles/heroku-cli)。
2. 通过 [注册](https://signup.heroku.com/) 创建一个 Heroku 账号。
3. 运行 `heroku login` 并填写你的 Heroku 凭据：

   ```bash
   $ heroku login
   ```

4. 在项目的根目录下创建一个名为 `static.json` 的文件，并填写一下内容：

   ```json title="static.json"
   {
     "root": "./dist"
   }
   ```

   这是你的网站配置；想了解更多信息请访问 [heroku-buildpack-static](https://github.com/heroku/heroku-buildpack-static)。

5. 配置你的 Heroku Git 远程仓库：

   ```bash
   # 修改版本
   $ git init
   $ git add .
   $ git commit -m "My site ready for deployment."

   # 创建一个特定名称的新应用
   $ heroku apps:create example

   # 为静态站点配置 buildpack
   $ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git
   ```

6. 部署你的网站：

   ```bash
   # 发布网站
   $ git push heroku master

   # 打开浏览器查看 Heroku CI 的仪表盘版本
   $ heroku open
   ```
